<template>
    <div class="particulars">
      <div class="main">
        <div class="title">{{informationData.title}}</div>
        <hr />
        <div id="next" style="color:#000" v-html="informationData.content"></div>
      </div>
    </div>
  </template>
  <script>
import {  defendlist,poicyinfo } from '@/api/echarts'
  export default {
    name: 'particulars',
    data() {
      return {
        id: '',
        informationData: {},
      }
    },
    mounted() {
      this.togo()
    },
    methods: {
      togo() {
        this.id = this.$route.params.id
        poicyinfo({id:this.id}).then(res=>{
            console.log("ressss",res);
            if (res.code==200) {
                this.informationData=res.data
            }
        })
      }
    }
  }
  </script>
  
  <style lang="less">
  .particulars {
    width: 100%;
    // height: 105.875rem;
    background: #f9fbff;
    .main {
      width: 66.67%;
      // height: 96.875rem;
      background: #ffffff;
      margin: 0 auto;
      margin-top: 2rem;
      overflow: hidden;
      .title {
        // width: 28.125rem;
        height: 1.875rem;
        font-size: 1.875rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #000000;
        margin: 0 auto;
        margin-top: 4.06%;
        text-align: center;
      }
      .date {
        display: flex;
        justify-content: center;
        margin-top: 2rem;
        cursor: pointer;
        .date-next {
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #c0c0c0;
          margin-left: 0.6875rem;
        }
        .lever {
          margin: 0rem 1.25rem;
        }
      }
      hr {
        width: 88%;
        margin-top: 2rem;
        margin-bottom: 3.5rem;
        height: 0.0625rem;
        background: #4f70f5;
        opacity: 0.06;
      }
      #next {
        width: 70%;
        margin: 0 auto;
      }
    }
  }
  </style>